.content{
    margin-top: 0.5rem;
    height: 100%;
    // overflow: hidden;
    .product{
        width: 100%;
        ul{
            // height: 100%;
            li{
                width: 50%;
                height:3.2rem;
                background: #fff;
                position: relative;
                float: left;
                border-right: 1px solid #ededed;
                border-bottom: 1px solid #ededed;
               
                // z-index: 3;  
                .pic{
                //   padding-left: 15%;    
                margin:0 auto; 
                  display: block;  
                  height: 40%;
                  width: 60%
                  
                }
               
                .info{
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    height: 45%;
                   

                    p:nth-child(1){  
                        padding-left:  0.2rem;
                        font-size: 0.23rem;
                        font-weight: 500;
                    }
                    p:nth-child(2){
                        padding-left:  0.2rem;
                        color: #ff6c00;
                        font-size: 0.18rem;
                        height: 0.2rem;
                    }
                    p:nth-child(3){
                        padding-left:  0.2rem;
                        color:#666;
                        font-size: 0.18rem;
                        height: 0.2rem;
                    }
                    .name{
                        display: block;
                        height: 43%;
                        overflow: hidden;
                        margin-top: 2%;
                    }
                }
               
            }
            // li:hover{
            //     box-shadow: 2px 2px 2px 0;
            // }
        }
    }
}
footer{    
    position: fixed;
    bottom: 0;
    background: #ededed;
}


